<template>
	<view class="contina w">
		<image class="img" style="width: 350rpx;height: 300rpx;" src="../../static/image/none.png"></image>
		<view class="cg">提交成功</view>
		<view class="card">
			<image class="cardIMg" src="../../static/image/robot.png"></image>
			<view style="margin-left: 30rpx;">
				<view class="dd">
					您的发票将于24小时内开出，请注意查收
				</view>
			</view>
			<view class="btnPos">
				<view class="btnCom orderbtn" @click="toOrder">
					返回订单
				</view>
				<view class="btnCom homebtn" @click="toIn">
					查看开票记录
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {

		}
	},
	methods: {
			toOrder(){
				uni.navigateTo({
					url: "/pagesB/myorder/myorder"
				})
			},
			toIn(){
				uni.navigateTo({
					url: "/pagesB/myinvoice/myinvoice"
				})
			}
	}
}
</script>

<style lang="scss" scoped>
.contina {
	display: flex;
	background-color: #fff;
	flex-direction: column;
	align-items: center;
	height: 100vh;

	.img {
		margin-top: 68rpx;
	}

	.cg {
		margin-top: 30rpx;
		font-size: 32rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		color: #000000;
	}

	.card {
		width: 100%;
		box-shadow: 0px 4px 10px 0px #E3EBFD;
		display: flex;
		height: 348rpx;
		align-items: center;
		position: relative;

		.btnPos {
			position: absolute;
			bottom: -170rpx;
			left: 32rpx;

			.btnCom {
				width: 630rpx;
				height: 96rpx;
				border-radius: 50px 50px 50px 50px;
				font-size: 16px;
				font-weight: 400;
				line-height: 96rpx;
				text-align: center;
				z-index: 99;
			}

			.orderbtn {
				background: #0074FF;
				color: #FFFFFF;
			}

			.homebtn {
				background: #FFFFFF;
				border: 1px solid #DDDDDD;
				color: #0074FF;
				margin-top: 30rpx;
			}
		}


		.cardIMg {
			width: 100rpx;
			height: 140rpx;
		}

		.a {
			font-size: 28rpx;
			font-weight: 400;
			color: #000000;
			margin-top: 20rpx;
		}

		.dd {
			font-size: 24rpx;
			font-weight: 400;
			color: #3D3D3D;
			margin-top: 20rpx;
		}
	}
}
</style>
